    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>小火煎</title>
        <style>
            *{
                margin: 0;
                padding: 0;
            }
            html,body{
                height: 100%;
            }
            body{
                background-color: #ff91bd;
            }
            img{
                width: 69px;
                height: 79px;
                position: absolute;
                bottom: 0;
                left: 0;
                /*transform: translate(-100px,100px) rotate(45deg);*/
                transform: translate(-100px,100px) rotate(135deg);
                transition:  all 2s;
            }
            body:hover img{
                transform: translate(500px,-600px) rotate(45deg);
            }
        </style>
    </head>
    <body>
         <img src="img/小火箭.jpg" alt="">
    </body>
    </html>